<!DOCTYPE html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test_closure</title>
  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>

<ul id="testUL">
    <li> index = 0</li>
    <li> index = 1</li>
    <li> index = 2</li>
    <li> index = 3</li>
</ul>
	<script type="text/javascript">
	// var nodes = document.getElementsByTagName("li");
 //    for(i = 0;i<nodes.length;i+= 1){
 //        nodes[i].onclick = function(){
 //            alert(i);//值全是4
 //        };
 //    }

 //方法1
var lis=document.getElementsByTagName('li');
for(var i=0;i<lis.length;i++){
    var a =i;
    lis[i].onclick=(function(a){
        return function(){
            alert(a);
        }       
    })(i);
}

//方法2
	// var add_the_handlers = function(nodes){
 //        var helper = function(i){
 //            return function(e){
 //                alert(i);
 //            };
 //        };
 //        var i;
 //        for(i = 0;i<nodes.length;i+= 1){
 //            nodes[i].onclick = helper(i);
 //        }
 //    };
 //    add_the_handlers(document.getElementsByTagName("li"));


// 方法3：
// var lis=document.getElementById('2223').getElementsByTagName('li');
// for(var i=0;i<3;i++)
// {
//     lis[i].index=i;
//     lis[i].onclick=function(){
//         alert(this.index);
//     };
// }
	</script>
</body>
</html>
   
	
